<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>任务大厅</title>
    <link rel="stylesheet" href="css/task.css" type="text/css">
    <link rel="stylesheet" href="css/page.css" type="text/css">
    <link rel="stylesheet" href="css/header.css" type="text/css">
    <link rel="stylesheet" href="css/main.css" type="text/css">
    <script src="js/jquery-1.10.1.min.js"></script>
</head>
<body>
<!--header star-->
<div id="g-hd">
    <div class="m-top">
        <div class="m-logo">
            <h1>
                <a href="#">
                    <img src="img/w-logo.png" alt="众用助手">
                </a>
            </h1>
        </div>
        <div class="m-links">
            <div class="u-line"></div>
            <div class="m-link-con">
                <div class="m-abtn">
                    <p><a href="#">商务合作</a></p>
                    <p><a href="#">客户端下载</a></p>
                </div>
            </div>
            <div class="m-link-con">
                <div class="m-abtn">
                    <p id="user-name"><a href="#">登录</a><span>/</span><a href="#">注册</a></p>
                    <p>
                        <a href="#">帮助中心</a>
                        &nbsp;&nbsp;
                        <a href="#">互联支付</a>
                    </p>
                </div>
            </div>
            <div class="u-line"></div>
        </div>
        <div class="m-nav">
            <a href=""><span class="index">首页</span></a>
            <a href=""><span class="app">应用市场</span></a>
            <a href="" class="current"><span class="task">任务大厅</span></a>
            <a href=""><span class="products">产品介绍</span></a>
        </div>
    </div>
</div>


<div id="g-mn">
<div class="process-box"><span class="process"><img src="img/process.png" alt="流程图"></span></div>
<div class="container">
<div class="m-classification">
<!--一级类目-->
<div class="m-classify" id="first-class">
    <div class="m-classify-tit">分类选择：</div>
    <ul>
        <li><a href="javascript:;" data="63" class="">游戏</a></li>
        <li><a href="javascript:;" data="62" class="">育儿母婴</a></li>
        <li><a href="javascript:;" data="61" class=""> 金融理财</a></li>
        <li><a href="javascript:;" data="60" class=""> 资讯阅读</a></li>
        <li><a href="javascript:;" data="59" class=""> 出行必用</a></li>
        <li><a href="javascript:;" data="58" class=""> 生活实用</a></li>
        <li><a href="javascript:;" data="57" class=""> 美化手机</a></li>
        <li><a href="javascript:;" data="56" class="">社交通讯</a></li>
        <li><a href="javascript:;" data="55" class=""> 办公学习</a></li>
        <li><a href="javascript:;" data="53" class=""> 性能优化</a></li>
        <li><a href="javascript:;" data="50" class=""> 常用工具</a></li>
        <li><a href="javascript:;" data="51" class=""> 网上购物</a></li>
        <li><a href="javascript:;" data="48" class=""> 影音图像</a></li>
        <li><a href="javascript:;" data="160" class=""> 拍摄美化</a></li>
    </ul>
    <a href="javascript:;" class="u-more">更多</a>

    <script type="text/javascript">
        $(function(){
            $('#first-class li a').click(function(){
                $('.second-class').hide();
                var id = $(this).attr('data');
                $('#first-class li a').removeClass('current');
                $(this).addClass('current');
                $('#second-class-'+id).show();
            });
            $('.u-more').click(function(){
                if($(this).text() == '更多'){
                    $('#first-class ul').css('height','auto');
                    $(this).text('收起');
                }else if($(this).text() == '收起'){
                    $(this).text('更多');
                    $('#first-class ul').css('height','30px');
                }
            })
        })
    </script>
</div>
<!--一级类目-->

<!--二级类目-->
<div class="m-classify second-class" id="second-class-52" style="display:none">
    <div class="m-classify-tit"></div>
    <ul>
        <li><a href="" class="">听书</a></li>
        <li><a href="" class=""> 漫画</a></li>
        <li><a href="" class=""> 词典翻译</a></li>
        <li><a href="" class=""> 考试</a></li>
        <li><a href="" class=""> 小说</a></li>
        <li><a href="" class=""> 电子书</a></li>
        <li><a href="" class=""> 阅读学习</a></li>
        <li><a href="" class=""> 英语</a></li>
    </ul>
</div>
<div class="m-classify second-class" id="second-class-63" style="display:none">
    <div class="m-classify-tit"></div>
    <ul>
        <li><a href="" class=""> 角色扮演</a></li>
        <li><a href="" class=""> 网络游戏</a></li>
        <li><a href="" class=""> 棋牌天地</a></li>
        <li><a href="" class=""> 经营策略</a></li>
        <li><a href="" class=""> 飞行射击</a></li>
        <li><a href="" class=""> 体育竞速</a></li>
        <li><a href="" class=""> 动作冒险</a></li>
        <li><a href="" class=""> 休闲益智</a></li>
        <li><a href="" class=""> 辅助工具</a></li>
    </ul>
</div>
<div class="m-classify second-class" id="second-class-57" style="display:none">
    <div class="m-classify-tit"></div>
    <ul>
        <li><a href="" class=""> 铃声</a></li>
        <li><a href="" class=""> 启动器</a></li>
        <li><a href="" class=""> 字体</a></li>
        <li><a href="" class=""> 锁屏</a></li>
        <li><a href="" class=""> 壁纸</a></li>
        <li><a href="" class=""> 桌面</a></li>
        <li><a href="" class=""> 主题</a></li>
    </ul>
</div>
<div class="m-classify second-class" id="second-class-58" style="display:none">
    <div class="m-classify-tit"></div>
    <ul>
        <li><a href="" class=""> 租房</a></li>
        <li><a href="" class=""> 票务</a></li>
        <li><a href="" class="">营业厅</a></li>
        <li><a href="" class=""> 美食</a></li>
        <li><a href="" class=""> 日历</a></li>
        <li><a href="" class=""> 健康</a></li>
        <li><a href="" class=""> 天气</a></li>
        <li><a href="" class=""> 娱乐</a></li>
        <li><a href="" class=""> 生活服务</a></li>
    </ul>
</div>
<div class="m-classify second-class" id="second-class-59" style="display:none">
    <div class="m-classify-tit"></div>
    <ul>
        <li><a href="" class=""> 机票</a></li>
        <li><a href="" class=""> 酒店</a></li>
        <li><a href="" class=""> 火车</a></li>
        <li><a href="" class=""> 旅游</a></li>
        <li><a href="" class=""> 公交/打车</a></li>
        <li><a href="" class=""> 地图</a></li>
        <li><a href="" class=""> 导航</a></li>
    </ul>
</div>
<div class="m-classify second-class" id="second-class-50" style="display:none">
    <div class="m-classify-tit"></div>
    <ul>
        <li><a href="" class=""> 搜索</a></li>
        <li><a href="" class=""> 密码</a></li>
        <li><a href="" class=""> 文件</a></li>
        <li><a href="" class=""> 系统</a></li>
        <li><a href="" class=""> 输入法</a></li>
        <li><a href="" class=""> 浏览器</a></li>
    </ul>
</div>
<div class="m-classify second-class" id="second-class-56" style="display:none">
    <div class="m-classify-tit"></div>
    <ul>
        <li><a href="" class="">表情</a></li>
        <li><a href="" class="">通讯</a></li>
        <li><a href="" class="">聊天</a></li>
        <li><a href="" class="">社交</a></li>
        <li><a href="" class="">婚恋</a></li>
    </ul>
</div>
<div class="m-classify second-class" id="second-class-51" style="display:none">
    <div class="m-classify-tit"></div>
    <ul>
        <li><a href="" class="">比价</a></li>
        <li><a href="" class="">超市</a></li>
        <li><a href="" class="">商城</a></li>
        <li><a href="" class="">团购</a></li>
        <li><a href="" class="">导购</a></li>
    </ul>
</div>
<div class="m-classify second-class" id="second-class-55" style="display:none">
    <div class="m-classify-tit"></div>
    <ul>
        <li><a href="" class="">考试学习</a></li>
        <li><a href="" class="">词典翻译</a></li>
        <li><a href="" class="">时钟</a></li>
        <li><a href="" class="">办公</a></li>
        <li><a href="" class="">笔记</a></li>
        <li><a href="" class="">存储</a></li>
        <li><a href="" class="">驾考</a></li>
    </ul>
</div>
<div class="m-classify second-class" id="second-class-53" style="display:none">
    <div class="m-classify-tit"></div>
    <ul>
        <li><a href="" class="">流量</a></li>
        <li><a href="" class=""> 省电</a></li>
        <li><a href="" class=""> 优化</a></li>
        <li><a href="" class="">安全</a></li>
    </ul>
</div>
<div class="m-classify second-class" id="second-class-54" style="display:none">
    <div class="m-classify-tit"></div>
    <ul>
        <li><a href="" class="">论坛</a></li>
        <li><a href="" class=""> 微博</a></li>
        <li><a href="" class=""> 婚恋</a></li>
        <li><a href="" class=""> 交友</a></li>
    </ul>
</div>
<div class="m-classify second-class" id="second-class-61" style="display:none">
    <div class="m-classify-tit"></div>
    <ul>
        <li><a href="" class="">彩票</a></li>
        <li><a href="" class=""> 支付</a></li>
        <li><a href="" class=""> 理财/记账</a></li>
        <li><a href="" class=""> 股票</a></li>
        <li><a href="" class="">银行</a></li>
    </ul>
</div>
<div class="m-classify second-class" id="second-class-48" style="display:none">
    <div class="m-classify-tit"></div>
    <ul>
        <li><a href="http://zlist.shikee.com/subsidy/index?c=84" class="">音乐</a></li>
        <li><a href="" class=""> 播放器</a></li>
        <li><a href="" class=""> 视频</a></li>
        <li><a href="" class=""> 电台</a></li>
    </ul>
</div>
<div class="m-classify second-class" id="second-class-60" style="display:none">
    <div class="m-classify-tit"></div>
    <ul>
        <li><a href="" class=""> 小说/电子书</a></li>
        <li><a href="" class=""> 杂志</a></li>
        <li><a href="" class=""> 新闻资讯</a></li>
        <li><a href="" class=""> 听书</a></li>
        <li><a href="" class=""> 漫画</a></li>
    </ul>
</div>
<div class="m-classify second-class" id="second-class-62" style="display:none">
    <div class="m-classify-tit"></div>
    <ul>
        <li><a href="" class="">育儿</a></li>
        <li><a href="" class="">孕期</a></li>
        <li><a href="" class="">故事</a></li>
        <li><a href="" class="">儿歌</a></li>
    </ul>
</div>
<div class="m-classify second-class" id="second-class-46" style="display:none">
    <div class="m-classify-tit"></div>
    <ul>
        <li><a href="" class="">抽奖</a></li>
        <li><a href="" class="">聊天</a></li>
    </ul>
</div>
<div class="m-classify second-class" id="second-class-128" style="display:none">
    <div class="m-classify-tit"></div>
    <ul>
        <li><a href="" class="">其他</a></li>
    </ul>
</div>
<div class="m-classify second-class" id="second-class-160" style="display:none">
    <div class="m-classify-tit"></div>
    <ul>
        <li><a href="" class="">相机</a></li>
        <li><a href="" class="">照片美化</a></li>
        <li><a href="" class="">摄像</a></li>
        <li><a href="" class="">相册</a></li>
    </ul>
</div>
<!--二级类目-->
</div>
<div class="list-box">
<div class="list-content">
<p class="panel">
    <span class="right-panel">
   	 	<label><input type="radio" value="0" name="platform" checked="" onclick="window.location ">全部</label>
        <span>|</span>
        <label><input type="radio" value="1" name="platform" onclick="checkPlatformAndroid(this);">安卓</label>
        <label><input type="radio" value="3" name="platform" onclick="checkPlatformAndroid(this);">IOS</label>
        <span>|</span>
        <label><input type="radio" value="1" name="language" onclick="checkLang(this);">中文</label>
        <label><input type="radio" value="2" name="language" onclick="checkLang(this);">英文</label>
    </span>
    <span class="left-panel"><span>排序：</span>
    	<a class="cur" href="">补贴任务</a>
    	<a href="">赏金任务</a>
    </span>
</p>

<ul class="list-ul">
<li>
    <div class="left-content">
        <a target="_blank" href=""><img src="img/117px_bg.png" style="position:absolute;"><img class="left" src=" " width="117" height="117" alt="时光网"></a>
        <div class="task-box">
            <h3><a target="_blank" href="">时光网</a></h3>
            <span class="money"><strong>赏金</strong><span>1.00元</span></span>
            <a href="javascript:;" data-qr_url="" class="get-task" onclick="showQrcode(this, event);">领取补贴</a>
        </div>
        <div class="num-box">数量：1862/4000</div>
    </div>
    <div class="right-content">
        <dl>
            <dt>补贴内容</dt>
            <dd>奖励一：0.20元</dd>
            <dd>首次安装并在线90秒</dd>
            <dd>奖励二：0.40元</dd>
            <dd>下周打开APP并在线90秒</dd>
        </dl>
    </div>
</li>

</ul>
</div>
<div class="m-pages">
    <div class="paging"><span class="paging-currentPage">1</span>
        <a title="查看第2页" href="">2</a>
        <a title="查看第3页" href="">3</a>
        <a title="查看第2页" class="paging-next" href="">下一页</a>
        <span class="paging-total">共 3 页</span>
        <form onsubmit="">
        <span>到第 <input class="paging-pageNum" type="text" name="page" value=""> 页</span>
        <input type="submit" value="确定" class="paging-goto">
        </form>
    </div>
</div>
</div>

</div>
</div>

<link rel="stylesheet" href="css/footer.css" type="text/css">
<div id="g-ft">
    <div class="m-footer clearfix">
        <ul>
            <li>
                <strong>关于我们</strong>
                <a target="_blank" href="">关于众用助手</a>
                <a target="_blank" href="">诚聘英才</a>
                <a target="_blank" href="">高级人才</a>

            </li>
            <li>
                <strong>帮助中心</strong>
                <a target="_blank" href="">新手入门</a>
                <a target="_blank" href="">规则中心</a>
                <a target="_blank" href="">常见问题</a>
                <a target="_blank" href="">互联支付</a>
            </li>
            <li>
                <strong>意见反馈</strong>
                <a target="_blank" href="">产品问题反馈</a>
                <a target="_blank" href="">网页错误反馈</a>
                <a target="_blank" href="">APP错误反馈</a>
                <a target="_blank" href="">软件版权举报</a>
            </li>

            <li>
                <strong>关注我们</strong>
                <a target="_blank" href="">新浪微博</a>
                <a target="_blank" href="">腾讯微博</a>
            </li>
        </ul>
        <div class="m-ft-right">
            <img src="img/f-logo.png" alt="众用助手">
            <p style="width: 160px;">
                联系在线客服<br>
                招商QQ:3075380470<br>
                客服QQ:2586451042<br>
                客服邮箱:kf@taofaxian.com
            </p>
            <span>周一至周六</span><br>
            <span>9:00-12:00，14:00-17:30</span>
        </div>
    </div>

</div>
<div id="scanCode"> <img src="img/scanCode.jpg" alt="众用助手红包"></div>
<div style="display:none;">
    <span id="cnzz_stat_icon_1254462229">
        <a href="" target="_blank" title="站长统计">
            <img border="0" hspace="0" vspace="0" src="img/pic.gif">
        </a>
    </span>
</div>
</body>
</html>